<<template>
  <view>
    <!-- 顶部区域 -->
    <view class="smart-page-head">
      <view class="smart-page-head-title">swiper 滑块视图</view>
    </view>
    <view class="smart-padding-wrap">
      <swiper circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
        <swiper-item><view class="swiper-item smart-bg-blue">A</view></swiper-item>
        <swiper-item><view class="swiper-item smart-bg-green">B</view></swiper-item>
        <swiper-item><view class="swiper-item smart-bg-red">C</view></swiper-item>
      </swiper>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      indicatorDots: true, // 指示点
      autoplay: true,      // 自动播放
      interval: 5000,      // 自动切换时间间隔（毫秒）
      duration: 500        // 切换时长（毫秒）
    }
  },
  methods: {}
}
</script>

<style>

</style>